<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>品优购列表页</title>
    <!-- !-- 初始化代码 -->
    <link rel="stylesheet" href="./css/base.css" />
    <!-- 引入字体图标 -->
    <link rel="stylesheet" href="./font/iconfont.css" />
    <!-- 引入网页图标 -->
    <link rel="icon" href="./img/favicon.ico" />
    <!-- 引入公共内容 -->
    <link rel="stylesheet" href="./css/common.css" />
    <!-- 引入内容 -->
    <link rel="stylesheet" href="./css/index.css" />
  </head>
  <body>
    <!-- 导航栏开始 -->
    <div class="div">
      <div class="div1 w">
        <p>
          品优购欢迎您! 请登录
          <a class="a1" href="#">免费注册</a>
        </p>
        <ul>
          <li><a href="#">我的订单</a></li>
          <li><a href="#">我的品优购 &#xe611;</a></li>
          <li><a href="#">品优购会员</a></li>
          <li><a href="#">企业采购</a></li>
          <li><a href="#">关注品优购&#xe611;</a></li>
          <li><a href="#">客户服务&#xe611;</a></li>
          <li><a href="#">网站导航&#xe611;</a></li>
        </ul>
      </div>
    </div>
    <!-- 导航栏结束 -->
    <!-- header 区-->
    <div class="box w">
      <div class="logo">
        <!-- <img src="./img/logo.png" alt="" /> -->
        <h1><a href="#" title="品优购商城">品优购</a></h1>
        <h2><a href="#"> </a></h2>
      </div>
      <div class="box2">
        <input type="text" name="" id="" placeholder="语言开发 " />
        <a class="a1" href="#">搜索</a>
        <a href="#"><span>&#xe641;</span>我的购物车 <span class="yuanjiao">8</span>&#xe635;</a>
        <ul>
          <li><a href="#">品优购首发</a></li>
          <li><a href="#">亿元优惠</a></li>
          <li><a href="#">9.9元团购</a></li>
          <li><a href="#">每满99减30</a></li>
          <li><a href="#">办公用品</a></li>
          <li><a href="#">电脑</a></li>
          <li><a href="#">通信</a></li>
        </ul>
      </div>
    </div>
    <!-- 分类区 -->
    <div class="header">
      <div class="fenlei w">
        <div class="p1">
          <span>品优秒杀</span>
          <span>即将售完</span>
          <span>超值低价</span>
        </div>
        <div class="p2">
          <ul>
            <li><a href="#">女装</a></li>
            <li><a href="#">女鞋</a></li>
            <li><a href="#">男装</a></li>
            <li><a href="#">男鞋</a></li>
            <li><a href="#">母婴童装 </a></li>
            <li><a href="#">食品</a></li>
            <li><a href="#">智能数码</a></li>
            <li><a href="#">运动户外</a></li>
            <li><a href="#">更多分类 &#xe687;</a></li>
          </ul>
        </div>
      </div>
    </div>
    <!-- 版心区 -->
    <div class="nvxie w">
      <a href=""></a>
    </div>
    <div class="s w">
      <div class="s1">
        <div class="s1_1">
          <img src="./img/图层7.png" alt="" />
        </div>
        <div class="s1_2">
          <p>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</p>
          <p>
            <b>￥6088 <del>￥6988</del></b>
          </p>
          <span>已售87%</span>
          <span>
            <div></div>
          </span>
          <span>剩余<i>29</i>件</span>
        </div>
        <a href="#">立即抢购</a>
      </div>
      <div class="s1">
        <div class="s1_1">
          <img src="./img/图层7.png" alt="" />
        </div>
        <div class="s1_2">
          <p>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</p>
          <p>
            <b>￥6088 <del>￥6988</del></b>
          </p>
          <span>已售87%</span>
          <span>
            <div></div>
          </span>
          <span>剩余<i>29</i>件</span>
        </div>
        <a href="#">立即抢购</a>
      </div>
      <div class="s1">
        <div class="s1_1">
          <img src="./img/图层7.png" alt="" />
        </div>
        <div class="s1_2">
          <p>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</p>
          <p>
            <b>￥6088 <del>￥6988</del></b>
          </p>
          <span>已售87%</span>
          <span>
            <div></div>
          </span>
          <span>剩余<i>29</i>件</span>
        </div>
        <a href="#">立即抢购</a>
      </div>
      <div class="s1">
        <div class="s1_1">
          <img src="./img/图层7.png" alt="" />
        </div>
        <div class="s1_2">
          <p>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</p>
          <p>
            <b>￥6088 <del>￥6988</del></b>
          </p>
          <span>已售87%</span>
          <span>
            <div></div>
          </span>
          <span>剩余<i>29</i>件</span>
        </div>
        <a href="#">立即抢购</a>
      </div>
      <div class="s1">
        <div class="s1_1">
          <img src="./img/图层7.png" alt="" />
        </div>
        <div class="s1_2">
          <p>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</p>
          <p>
            <b>￥6088 <del>￥6988</del></b>
          </p>
          <span>已售87%</span>
          <span>
            <div></div>
          </span>
          <span>剩余<i>29</i>件</span>
        </div>
        <a href="#">立即抢购</a>
      </div><div class="s1">
        <div class="s1_1">
          <img src="./img/图层7.png" alt="" />
        </div>
        <div class="s1_2">
          <p>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</p>
          <p>
            <b>￥6088 <del>￥6988</del></b>
          </p>
          <span>已售87%</span>
          <span>
            <div></div>
          </span>
          <span>剩余<i>29</i>件</span>
        </div>
        <a href="#">立即抢购</a>
      </div><div class="s1">
        <div class="s1_1">
          <img src="./img/图层7.png" alt="" />
        </div>
        <div class="s1_2">
          <p>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</p>
          <p>
            <b>￥6088 <del>￥6988</del></b>
          </p>
          <span>已售87%</span>
          <span>
            <div></div>
          </span>
          <span>剩余<i>29</i>件</span>
        </div>
        <a href="#">立即抢购</a>
      </div><div class="s1">
        <div class="s1_1">
          <img src="./img/图层7.png" alt="" />
        </div>
        <div class="s1_2">
          <p>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</p>
          <p>
            <b>￥6088 <del>￥6988</del></b>
          </p>
          <span>已售87%</span>
          <span>
            <div></div>
          </span>
          <span>剩余<i>29</i>件</span>
        </div>
        <a href="#">立即抢购</a>
      </div>
    </div>

    <!-- 结尾区 -->
    <div class="jiewei">
      <div class="jiewei1">
        <div class="w1">
          <div class="j1"></div>
          <h5>1正品保障</h5>
          <p>正品保障，提供发票</p>
        </div>
        <div class="w2">
          <div class="j2"></div>
          <h5>2正品保障</h5>
          <p>正品保障，提供发票</p>
        </div>
        <div class="w3">
          <div class="j3"></div>
          <h5>正品保障</h5>
          <p>正品保障，提供发票</p>
        </div>
        <div class="w4">
          <div class="j4"></div>
          <h5>正品保障</h5>
          <p>正品保障，提供发票</p>
        </div>
        <div class="w5">
          <div class="j5"></div>
          <h5>正品保障</h5>
          <p>正品保障，提供发票</p>
        </div>
      </div>
      <div class="jiewei2">
        <ul>
          <li><a href="#">购物指南</a></li>
          <li><a href="#">购物流程</a></li>
          <li><a href="#">会员介绍</a></li>
          <li><a href="#">生活旅行/团购</a></li>
          <li><a href="#">常见问题</a></li>
          <li><a href="#">大家电</a></li>
          <li><a href="#">联系客服</a></li>
        </ul>
        <ul>
          <li><a href="#">购物指南</a></li>
          <li><a href="#">购物流程</a></li>
          <li><a href="#">会员介绍</a></li>
          <li><a href="#">生活旅行/团购</a></li>
          <li><a href="#">常见问题</a></li>
          <li><a href="#">大家电</a></li>
          <li><a href="#">联系客服</a></li>
        </ul>
        <ul>
          <li><a href="#">购物指南</a></li>
          <li><a href="#">购物流程</a></li>
          <li><a href="#">会员介绍</a></li>
          <li><a href="#">生活旅行/团购</a></li>
          <li><a href="#">常见问题</a></li>
          <li><a href="#">大家电</a></li>
          <li><a href="#">联系客服</a></li>
        </ul>
        <ul>
          <li><a href="#">购物指南</a></li>
          <li><a href="#">购物流程</a></li>
          <li><a href="#">会员介绍</a></li>
          <li><a href="#">生活旅行/团购</a></li>
          <li><a href="#">常见问题</a></li>
          <li><a href="#">大家电</a></li>
          <li><a href="#">联系客服</a></li>
        </ul>
        <ul>
          <li><a href="#">购物指南</a></li>
          <li><a href="#">购物流程</a></li>
          <li><a href="#">会员介绍</a></li>
          <li><a href="#">生活旅行/团购</a></li>
          <li><a href="#">常见问题</a></li>
          <li><a href="#">大家电</a></li>
          <li><a href="#">联系客服</a></li>
        </ul>
        <ul>
          <li>
            <a href="#">帮助中心</a>
          </li>
          <li><div class="er"></div></li>
          <li><a href="#">品优购客户端</a></li>
        </ul>
      </div>
      <div class="jiewei3 w">
        <ul>
          <li><a href="#">关于我们</a></li>
          <li><a href="#">联系我们</a></li>
          <li><a href="#">联系客服</a></li>
          <li><a href="#">商家入驻</a></li>
          <li><a href="#">营销中心</a></li>
          <li><a href="#">手机品优购</a></li>
          <li><a href="#">友情链接</a></li>
          <li><a href="#">销售联盟</a></li>
          <li><a href="#">品优购社区</a></li>
          <li><a href="#">品优购公益</a></li>
          <li><a href="#">English Site </a></li>
          <li><a href="#">Contact U</a></li>
        </ul>
      </div>
      <div class="jiewei4">
        <p>
          地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn
        </p>
        <p>京ICP备08001421号京公网安备110108007702</p>
      </div>
    </div>
  </body>
</html>
